<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <!-- 
    border-radius 
      左上 右上 右下 左下
      左上 右上/左下 右下
      左上/右下 右上/左下
      四个角
    
    box-sizing: border-box
      改变元素盒模型，在布局时添加该属性，可以减少很大的工作量
    
    border-image  
      用图片去充当元素边框




   -->
</body>
</html>